/*初始左侧滚动*/
mui('.lt_cateLeft').scroll({
    indicators: false
});
/*初始右侧滚动*/
var scrollRight = mui('.lt_cateRight').scroll({
    indicators: false
});

$(function () {
    //左侧导航渲染
    getFirstCategoryData(function(data){
        // console.log(response)
        var htmlStr = template('firstCategory', data)
        // console.log(htmlStr)
        $('.lt_cateLeft').find('ul').html(htmlStr)
        //根据一级分类第一个导航的id去获取二级分类默认的数据
        $.ajax({
            type: "get",
            url: "http://localhost:3000/category/querySecondCategory",
            data: {id:data.rows[0].id},
            dataType: "json",
            success: function (data) {
                var htmlStr = template('secondCategory', data)
                $('.lt_cateRight').find('ul').html(htmlStr)
            }
        });
        /*交互*/
        $('.lt_cateLeft').on('tap', 'ul li', function () {
            /*改变当前样式*/
            $('.lt_cateLeft').find('li').removeClass('now');
            $(this).addClass('now');
            /*通过id去获取二级分类的数据*/
            /*获取当前分类的id*/
            $.ajax({
                type: "get",
                url: "http://localhost:3000/category/querySecondCategory",
                data: { id: $(this).data('id') /*第一个一级分类的id*/ },
                dataType: "json",
                success: function (data) {
                    var htmlStr = template('secondCategory', data)
                    $('.lt_cateRight').find('ul').html(htmlStr)
                    /*需要唯一到0的位置  顶部*/
                    scrollRight.scrollTo(0, 0, 100);
                }
            });
        });
    })
});

//获取一级分类数据
var getFirstCategoryData = function(callback){
    $.ajax({
        type: "get",
        url: "http://localhost:3000/category/queryTopCategory",
        data: {},
        dataType: "json",
        success: function (data) {
            callback && callback(data)
        }
    });
}